.people-con{
  padding-top:1.64rem;
}
.people-con:before{
  content:"";
  display: block;
  width:5.68rem;
  height:1.44rem;
  margin:0 auto 1.2rem auto;

  background: url(../assets/peoNum.png) no-repeat;
  background-size: 5.68rem 1.44rem;
}
.people-number-list{
   padding:0 .2rem;
   column-count:4;
   column-width:2.6rem;
   column-gap: .4rem;
   font-size:.7rem;
}

.people-number-list li{
  padding:.2rem 0;
  margin-bottom:.4rem;
  color:#FFF;
  text-align: center;
  border-radius: .12rem;
  border:#d1d1d1 1px solid;
}
.button-pare{
  position: fixed;
  width:100%;
  bottom:2.56rem;
  text-align:center;
  z-index:2;
}
.button-circle{

  width:2.56rem;
  height:2.56rem;
  margin:0 auto;
  border-radius: 2.56rem;
  border:#FFF 2px solid;
  color:#FFF;
}
.button-pare.active{
  height:2.56rem;

}
.active .button-circle{
  background:#fd0505;
}
li.actived{
  background:#fd0505;
  color:#FFF;
  border:#fd0505 1px solid;
}
